
.rulePage{overflow: hidden;}
.rulePageTop{background: #fff;width: 100%;border-bottom: 1px solid #E5E5E5;}
.page-pull{width: 1200px;margin: 0 auto;}

.rulePageTop .page-pull{margin-bottom: 30px;margin-top: 50px;}
.rulePageBody .page-pull{margin-top: 30px;margin-bottom: 20px;}
.rulePageFooter{background: #fff;overflow: hidden;}
.rulePageFooter .page-pull{margin-top: 40px;margin-bottom: 40px;}

.ruleT{float: left;overflow: hidden;border-radius: 2px;width: 285px;height: 150px;position: relative;margin-right: 20px;transition: box-shadow 0.2s;margin-bottom: 20px;}
.ruleR{margin-right: 0;}
.ruleT>a{position: relative;overflow: hidden;display: block;width: 285px;height: 150px;}
.ruleT .img{width: 285px;height: 150px;overflow: hidden;}
.ruleT .img img{width: 285px;height: 150px;display: block;}
.ruleT .text{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.7);}
.ruleT .text span{display: block;height: 36px;line-height: 36px;text-align: center;font-size: 16px;color: #fff;}
.ruleT:hover{box-shadow: 3px 0 8px rgba(0,0,0,.3);}

.ruleTitle{height: 25px;overflow: hidden;}
.ruleTitle>i{width: 6px;height: 25px;margin-right: 10px;background: #08A9E3;float: left;}
.ruleTitle>h3{margin: 0;padding: 0;font-size: 16px;color: #555;font-weight: bold;height: 25px;line-height: 25px;float: left;margin-right: 10px;}
.ruleTitle>a{height: 15px;line-height: 15px;float: left;padding-left: 10px;border-left: 1px solid #bdbdbd;margin-top: 6px;font-size: 14px;color: #08A9E3;}

.ruleBody{overflow: hidden;padding-top: 20px;}

.ruleItem{width: 590px;height: 190px;border: 1px solid #e5e5e5;border-radius: 2px;overflow: hidden;float: left;margin-right: 20px;margin-bottom: 20px;padding: 15px 15px 10px 15px;background: #fff;transition: box-shadow 0.2s;}
.ruleItemR{margin-right: 0;}
.ruleItem>.ruleItemContent{height: 100px;overflow: hidden;}
.ruleItemContent>.img{float: left;width: 100px;height: 100px;overflow: hidden;margin-right: 20px;}
.ruleItemContent>.img>img{width: 100px;height: 100px;display: block;}
.ruleItemContent>.text{width: 438px;float: left;overflow: hidden;}
.ruleItemContent>.text>h3{margin: 0;padding: 0;overflow: hidden;margin-bottom: 10px;}
.ruleItemContent>.text>h3>a{font-size: 16px;line-height: 22px;color: #333;display: block;height: 44px;}
.ruleItemContent>.text>.star{height: 20px;overflow: hidden;margin-bottom: 7px;}
.ruleItemContent>.text>.star>span{float: left;height: 20px;line-height: 20px;color: #555;font-size: 12px;margin-right: 5px;}
.ruleItemContent>.text>.date{height: 20px;overflow: hidden;color: #999;font-family: '宋体';}
.ruleItemContent>.text>.date>span{float: left;height: 20px;line-height: 20px;font-size: 12px;margin-right: 10px;}
.ruleItemContent>.text>.date>span i{float: left;margin-right: 2px;height: 20px;line-height: 20px;}
.ruleItemContent>.text>.date>span font{color: #333;}

.ruleItemBtn{padding-top: 26px;}
.ruleItemBtn .btns{float: left;height: 36px;}
.ruleItemBtn .btns>a{float: left;width: 136px;height: 36px;border: 1px solid #08A9E3;text-align: center;line-height: 36px;font-size: 14px;color: #08A9E3;margin-right: 10px;border-radius: 2px;}
.ruleItemBtn .btns>a.h{background: #08A9E3;color: #fff;}
.ruleItemBtn .btns>a:hover{background: #08A9E3;color: #fff;}
.ruleItemBtn .btns>a.h:hover{background: #0898cc;color: #fff;border-color: #0898cc;}
.ruleItemBtn .place{float: right;height: 36px;line-height: 36px;}
.ruleItemBtn .place>strong{font-size: 24px;float: left;margin-right: 5px;color: #FF5050;font-weight: normal;}
.ruleItemBtn .place>strong>span{font-size: 16px;}
.ruleItemBtn .place>span{float: left;font-size: 12px;height: 18px;color: #999;margin-top: 2px;}

.ruleItem:hover{box-shadow: 2px 0 15px rgba(0,0,0,.1);}

.rule-banner{width: 1200px;height: 197px;border-radius: 2px;border: 1px solid #E5E5E5;overflow: hidden;}
.rule-banner img{width: 1200px;height: 197px;display: block;margin-top: -1px;margin-left: -1px;}

/*列表*/
.rulepageleft{width: 1010px;float: left;}
.rulepageright{float: right;width: 170px;}

.rulepageleft .sm-ruleItem{width: 494px;}
.rulepageleft .sm-ruleItem .ruleItemContent>.text{width: 342px;}

/*classifyTool*/
.classifyTool{margin-top: 30px;width: 100%;border-radius: 2px;border: 1px solid #e5e5e5;}
.classifyItem{border-bottom: 1px solid #e5e5e5;position: relative;}
.classifyItem:last-child{border-bottom: none;}
.classifyTit{position: absolute;background: #F4F4F4;height: 100%;width: 120px;border-right: 1px solid #e5e5e5;font-size: 14px;color: #999;}
.classifyTit>span{height: 24px;line-height: 24px;display: block;text-align: center;margin-top: 13px;}
.classifyTit>i{font-size: 12px;display: block;text-align: center;font-style: normal;}
.classifyBody{padding-left: 135px;overflow: hidden;min-height: 50px;}
.classifyBody>ul{list-style: none;overflow: hidden;margin:0;padding-left: 0;padding-top: 13px;}
.classifyBody>ul>li{overflow: hidden;margin: 0 6px;float: left;margin-bottom: 5px;}
.classifyBody>ul>li>a{height: 24px;line-height: 24px;padding: 0 8px;border: 1px solid #fff;font-size: 14px;color: #555;border-radius: 2px;}
.classifyBody>ul>li.active>a{border-color: #08A9E3;color: #08A9E3;}

/*rank-tool*/
.rank-tool{margin-top: 30px;overflow: hidden;}
.rank-box{border: 1px solid #e5e5e5;border-radius: 2px;float: left;}
.rank-box>a{background: #f4f4f4;height: 40px;line-height: 40px;float: left;width: 80px;text-align: center;font-size: 14px;color: #555;border-right: 1px solid #e5e5e5;}
.rank-box>a:last-child{border-right-style: none;}
.rank-box>a.sx{text-align: left;color: #08A9E3;padding-left: 20px;background: #fff url(../images/rule/sx_icon.png) no-repeat 54px center;}
.rank-box>a.jx{text-align: left;color: #08A9E3;padding-left: 20px;background: #fff url(../images/rule/jx_icon.png) no-repeat 54px center;}

/*page-tool*/
.page-tool{margin-top: 30px;overflow: hidden;width: 100%;margin-bottom: 30px;}
.page-tool>div{float: right;overflow: hidden;}

/*adv*/
.adv{height: 408px;overflow: hidden;background: #F4F4F4;padding:28px 20px 0;border: 1px solid #E5E5E5;border-radius: 2px;margin-top: 30px;}
.adv h4{margin-top: 0;margin-bottom: 16px;font-size: 16px;font-weight: bold;color: #697B96;}
.adv p{font-size: 14px;color: #697B96;line-height: 22px;margin-bottom: 26px;}
.adv a{width: 126px;height: 36px;line-height: 36px;display: block;border-radius: 36px;text-align: center;background: #0170CC;color: #fff;font-size: 14px;color: #fff;}
.adv a:hover{background: #025599;}

